<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>列表</title>
    <link rel="stylesheet" href="../static/js/layui/css/layui.css" th:href="@{/js/layui/css/layui.css}" media="all">
    <script src="../static/js/layui/layui.js" th:src="@{/js/layui/layui.js}" charset="utf-8"></script>
    <script src="../static/js/jquery-3.4.1.min.js" th:src="@{/js/jquery-3.4.1.min.js}" charset="utf-8"></script>
    <style>
        /* 给内容器设置样式 */
        *{
            margin: 0;
            padding: 0;
        }
        .neirong{
            margin-top: 10px;
        }
        .imgloge{
            width: 300px;
        }
    </style>
</head>

<body >
<div class="layui-layout layui-layout-admin">
    <div class="layui-header layui-bg-cyan">
        <div class="layui-logo">
            <img class="imgloge" src="../static/imgs/loge.png" th:src="@{/imgs/loge.png}">
        </div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img class="layui-nav-img" th:src="@{/imgs/loge2.png}"/>
                    <!--登录用户的显示-->
                    <span th:text="${session.u}" style="color: #58ff58;font-size: 16px"></span>
                </a>
            </li>
            <li class="layui-nav-item"><a href="javascript:;" onclick="outLogin()">退出登录</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-cyan">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <dl class="layui-nav-child">
                        <dd><a href="/pandect" class="layui-this" style="margin-top: -5px">总览</a></dd>
                        <dd th:if="${session.u} eq 'admin'">
                            <a href="/list">现金券发券记录</a>
                        </dd>
                        <dd th:if="${session.u} eq 'nbict'">
                            <a href="/listroots">现金券发券记录</a>
                        </dd>
                        <dd><a href="/record">现金券充值记录</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body" id="neirong">
        <!-- 内容主体区域 -->
        <iframe src="/pandect" id="main" name="main" frameborder="0"
                style="width: 100%;height: 100%"></iframe>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        @宁波中国科学院信息技术应用研究院
    </div>
</div>
<script>
    //JavaScript代码区域
    layui.use(['element', 'jquery'], function () {
        var $ = layui.jquery,
            element = layui.element;

        //实现页面切换
        $(document).ready(function () {
            $("dd>a").click(function (e) {
                e.preventDefault();//取消事件的默认动作。
                $("#main").attr("src", $(this).attr("href"));
            });
        });
    });


    $(function () {
        console.log("登录的用户是："+"[[${session.loginUser}]]");
    });

    //退出登录
    function outLogin() {
        console.log("退出登录！");
        $.ajax({
            url: 'user/out',
            success:function (data) {
                location.href = "/";
            }
        });
    }

</script>
</body>

</html>